<!DOCTYPE html>
<meta charset=utf-8>
<title>Test for logical margins on colgroup elements in the UA style sheet</title>
<style>
.v-rl { writing-mode: vertical-rl; }
.ltr, .rtl, .v-rl { border: 1px solid blue; padding: 16px; }
colgroup { border: none; }
.ltr colgroup { border-left: thin solid; border-right: thin solid; }
.rtl colgroup { border-left: thin solid; border-right: thin solid; }
.v-rl colgroup { border-top: thin solid; border-bottom: thin solid; }
</style>
<div class=ltr>
  <table rules=groups>
    <colgroup span=2><col><col></colgroup>
    <tr><td>A1</td><td>A2</td><td>A3</td></tr>
    <tr><td>B1</td><td>B2</td><td>B3</td></tr>
  </table>
</div>
<div class=rtl dir=rtl>
  <table rules=groups>
    <colgroup span=2><col><col></colgroup>
    <tr><td>A1</td><td>A2</td><td>A3</td></tr>
    <tr><td>B1</td><td>B2</td><td>B3</td></tr>
  </table>
</div>
<div class=v-rl>
  <table rules=groups>
    <colgroup span=2><col><col></colgroup>
    <tr><td>A1</td><td>A2</td><td>A3</td></tr>
    <tr><td>B1</td><td>B2</td><td>B3</td></tr>
  </table>
</div>
